<template>
  <el-card style="margin-bottom: 10px;">
    <div slot="header">
      <span><i class="fa-solid fa-server" /> 服务器信息</span>
    </div>
    <div class="el-table w_100 el-table--fit el-table--striped el-table--border el-table--enable-row-hover el-table--enable-row-transition">
      <table cellspacing="0" style="width: 100%;">
        <tbody>
          <tr>
            <td class="el-table__cell is-leaf"><div class="cell">服务器名称</div></td>
            <td class="el-table__cell is-leaf"><div v-if="sys" class="cell">{{ sys.computerName }}</div></td>
            <td class="el-table__cell is-leaf"><div class="cell">操作系统</div></td>
            <td class="el-table__cell is-leaf"><div v-if="sys" class="cell">{{ sys.osName }}</div></td>
          </tr>
          <tr>
            <td class="el-table__cell is-leaf"><div class="cell">服务器IP</div></td>
            <td class="el-table__cell is-leaf"><div v-if="sys" class="cell">{{ sys.computerIp }}</div></td>
            <td class="el-table__cell is-leaf"><div class="cell">系统架构</div></td>
            <td class="el-table__cell is-leaf"><div v-if="sys" class="cell">{{ sys.osArch }}</div></td>
          </tr>
        </tbody>
      </table>
    </div>
  </el-card>
</template>

<script>
export default {
  name: 'Sys',
  props: {
    sys: {
      type: Object,
      default: () => {
        return {}
      }
    }
  }
}
</script>

<style scoped lang="scss">

</style>
